<template>
  <el-form :inline="true" ref="editForm">
    <el-form-item prop="name" label="类别名称">
      <el-input></el-input>
    </el-form-item>
    <el-form-item label="父级类别" prop="parent">
      <el-cascader
        :props="{
          expandTrigger: 'hover',
          label: 'name',
          value: 'id',
          emitPath: false,
          checkStrictly: true,
        }"
      ></el-cascader>
    </el-form-item>
    <el-form-item label="显示顺序">
      <el-input-number :min="-999" :max="999"></el-input-number>
    </el-form-item>
    <el-row>
      <el-form-item label="图片地址">
        <el-input></el-input>
      </el-form-item>
    </el-row>

    <el-row>
      <el-form-item label="上传图片">
        <el-upload class="upload" action="#" list-type="picture-card">
          <i class="el-icon-plus"></i>
        </el-upload>
      </el-form-item>
    </el-row>
  </el-form>
</template>

<script>
export default {
  name: "CategoryEdit",
  computed: {},
  data() {
    return {};
  },
  methods: {},
  watch: {},
};
</script>

<style lang="scss" scoped>
/*去除el-upload默认的过渡效果的样式*/
.upload ::v-deep.el-upload-list__item {
  transition: none !important;
}
</style>
